<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/semantic-ui/2.4.1/semantic.min.js"></script>



<!-- 文档地址 https://zijieke.com/semantic-ui/collections/form.php -->
<form class="ui form" style="background-color: #fff;padding: 1rem;font-size: 14px">
	<div class="field">
		<label>姓</label>
		<input type="text" name="first-name" placeholder="姓">
	</div>
	<div class="field">
		<label>名</label>
		<input type="text" name="last-name" placeholder="名">
	</div>
	<div class="field">
		<div class="ui checkbox">
			<input type="checkbox" tabindex="0" class="hidden">
			<label>我同意条款和条件</label>
		</div>
	</div>
	<button class="ui button" type="submit">提交</button>
</form>

<script type="text/javascript">
	//提交事件
	$('form.ui button[type=submit]').click(function(){
		console.log('submit');
		return false;//取消默认行为
	})
</script>